
<template>
  <!-- 上传excel文件的路由界面*********************** -->
  <div>
    <!-- 使用自己封装好的组件******** -->
    <UploadExcel :on-success="onSuccess" :before-upload="beforeUpload" />
  </div>
</template>
<script>
// 该组件的作用：获取UploadExcel组件解析的Excel数据把数据转换为接口需要的格式，然后调用接口批量导入员数据
// 导入 批量Excel上传员工API
import { reqImportEmployee } from '@/api/employees.js'
export default {
  name: 'ImportExcel',
  methods: {
    // 用于文件上传前的检测工作；如果该函数返回false，就阻止上传
    beforeUpload (file) {
      // 验证文件类型
      if (file.size / 1024 > 10) {
        this.$message('文件大小不能超过10k')
        // 限制文件大小不能超过10k
        return false
      }
      return true
    },

    // 定义格式化时间转换函数
    formatDate (numb, format) {
      const time = new Date((numb - 1) * 24 * 3600000 + 1)
      time.setYear(time.getFullYear() - 70)
      const year = time.getFullYear() + ''
      const month = time.getMonth() + 1 + ''
      const date = time.getDate() - 1 + ''
      if (format && format.length === 1) {
        return year + format + (month < 10 ? '0' + month : month) + format + (date < 10 ? '0' + date : date)
      }
      return year + '-' + (month < 10 ? '0' + month : month) + '-' + (date < 10 ? '0' + date : date)
    },

    // 把原始的Excel解析的数据转换为接口(后端)需要的格式****************************
    translateData (list) {
      // 转换的结果
      const result = []
      // 汉字和英文属性的映射关系 (意思就是先定义规则,比如 :入职日期对应的后端要求是什么,后台要求abc,那你就改成abc)
      const useRalations = {
        '入职日期': 'timeOfEntry',
        '姓名': 'username',
        '工号': 'workNumber',
        '手机号': 'mobile',
        '转正日期': 'correctionTime'
      }

      // 遍历数数组
      list.forEach(item => {
        const info = {}// 定义一个空对象,用来储存数据
        // 遍历对象item(数组里的每一个键值对)
        for (const key in item) {
          // 根据中文的key获取英文的key
          const enKey = useRalations[key] // 遍历出来的键名, 调用useRalations. 每一个值(这就得到了英文值,也就是打算转换的key)

          // 获取到原来的对象每一个值
          const value = item[key]

          // 把key和value添加到对象中*************
          // 判断(是日期的键, 需要调用转换函数,转换一下)
          if (['timeOfEntry', 'correctionTime'].includes(enKey)) {
            // 此时处理的属性是时间：入职日期或者转正日期
            info[enKey] = this.formatDate(value)
          } else {
            // 不是日期的情况, 直接保存起来(将原来的每一个值, 存在对象里 只不过[key]键名, 用的是英文的,这就完成了任务)
            info[enKey] = value
          }
        }
        // 把单个人的信息对象添加到数组
        result.push(info)
      })
      return result
    },
    // 这里的data是解析Excel的原始数据;这里需要把原始数据转换成后端想要的格式
    async onSuccess (data) {
      console.log(data) // 转换前的数据
      const result = this.translateData(data.results) // 调用自定义的转换函数,并传值 (.results是原数据包含里面的, log检查看一下就知道了)
      console.log(result) // 转换后

      // 调用接口完成提交***********
      if (result.length === 0) return // 如果没有值得话,直接停
      try {
        const ret = await reqImportEmployee(result) // 调用接口
        if (ret.code === 10000) {
          // 导入成功，跳转回员工列表页面
          this.$router.push('/employees')
        } else {
          this.$message.error(ret.message)
        }
      } catch {
        this.$message.error('导入员工失败')
      }
    }
  }
}
</script>
